<!--
 * @Author: xueyang xueyang_xyy@163.com
 * @Date: 2022-05-21 19:05:26
 * @LastEditors: xueyang xueyang_xyy@163.com
 * @LastEditTime: 2022-05-22 15:03:18
 * @FilePath: /space-system/src/pages/netWork.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="netWork">
        <div class="netWork_view">
            <div class="netWork_img">
                <img src="@/assets/home/network_error.png" alt="">
            </div>
            <div class="netWork_title">走丢了</div>
            <div class="netWork_tips">“我们正在努力连接”</div>
            <van-button class="netWork_btn btn">刷新</van-button>
        </div>
    </div>
</template>
<script setup>

</script>
<style lang="scss" scoped>
.netWork {
    width: 100%;
    height: 100%;
    background: #ffffff;
    .netWork_view {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .netWork_img {
            width: 200px;
            height: 200px;
        }
        .netWork_title {
            font-size: 15px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #333333;
        }
        .netWork_tips {
            font-size: 13px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            margin-top: 6px;
        }
        .netWork_btn {
            width: 66px;
            height: 32px;
            background: var(--van-primary-color);
            border-radius: 16px;
            line-height: 32px;
            margin-top: 15px;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }
    }
    
}
</style>